.login-page {
	text-align: center;
	//with non-fixed 50px navbar
	//min-height: calc(~'100vh - 50px');
	min-height: 100vh;
	background-image: url('../assets/images/voting_line_bg.png'), linear-gradient(180deg, #5fdbdf, #abffe2);
	background-size: 100% 100%;

	.container {
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		text-align: center;
		padding-top: 50px;

		.login-title {
			color: #fff;
			text-transform: uppercase;
		}

		.clearfix {
			clear: both;
		}

		.login-module {
			background-image: url('../assets/images/voting_transparent_bg.png');
			background-size: cover;
			background-color: transparent;
			padding: 48px 100px;
			display: block;
			height: 500px;
			width: 500px;
			border-radius: 50%;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			border: 4px solid white;
			margin: auto;

			input {
				text-align: center;
				border-radius: 0;
				border: none;
			}

			.form-title {
				margin: 30px;
			}


			.submit-button {
				width: 60%;
				margin-right: 50px;
				display: inline;
			}

			.forgot-password {
				float: left;
				font-size: 0.9em;
				margin-left: 5px;
			}

			.already-register {
				float: right;
				font-size: 0.9em;
				margin-right: 5px;
				margin-bottom: 10px;
			}

			.go-button {
				background-color: transparent;
				font-size: 2.8em;
				transform: translateY(50%);
				color: #5fdbdf
			}
		}
	}
}